<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>客户俱乐部</title>
    <link rel="stylesheet" type="text/css" href="../css/960_12_col.css">

    <style>
        nav{
            background: greenyellow;
        }
        .loan{
            margin-left: 250px;
        }
        .imgMain{
            width: 80%;
            margin-left: 10%;
        }
        .welcomePage,.detailProduct{
            text-align: center;
        }
        .container{
            text-align: left;
        }
        .column1,.column2{
            width: 500px;

            float: left;
        }
        .context{
            word-break: break-word;
        }
    </style>

</head>
<body>
    <header>
        <div class="container">
            <a href="客户俱乐部页面.html"><img src="../img/100qu.png" alt="logo" style="margin-left: 230px"></a>
            <nav style="margin: 0px auto">
                <a class="loan" href="#">贷款</a>
                <a class="loan" href="#">储蓄类</a>
                <a class="loan" href="#">理财类</a>
                <a class="loan" href="#">信用卡</a>
            </nav>


        </div>

    </header>

    <section>
        <div class="welcomePage">
            <img class="imgMain" src="../img/主界面.png" alt="mainPNG">


        </div>
        <div class="detailProduct">
            <div class="column1">
                <img src="../img/礼品.png" alt="liping">
                <h4>2018年高VIP客户生日积分礼遇</h4>
                <p class="context">
                    生日前月末达到白金级且持有VIP卡的客户，生日当月可获得200积分；
                    生日前月末达到钻石级且持有VIP卡的客户生日当月
                    可获得500积分
                </p>
            </div>
            <div class="column1">
                <img src="../img/礼品.png" alt="liping">
                <h4>2018年高VIP客户生日积分礼遇</h4>
                <p class="context">
                    生日前月末达到白金级且持有VIP卡的客户，生日当月可获得200积分；
                    生日前月末达到钻石级且持有VIP卡的客户生日当月
                    可获得500积分
                </p>
            </div>
            <div class="column1">
                <img src="../img/礼品.png" alt="liping">
                <h4>2018年高VIP客户生日积分礼遇</h4>
                <p class="context">
                    生日前月末达到白金级且持有VIP卡的客户，生日当月可获得200积分；
                    生日前月末达到钻石级且持有VIP卡的客户生日当月
                    可获得500积分
                </p>
            </div>
            <div class="column1">
                <img src="../img/礼品.png" alt="liping">
                <h4>2018年高VIP客户生日积分礼遇</h4>
                <p class="context">
                    生日前月末达到白金级且持有VIP卡的客户，生日当月可获得200积分；
                    生日前月末达到钻石级且持有VIP卡的客户生日当月
                    可获得500积分
                </p>
            </div>
        </div>
        <div>
            <div class="column2">
                <img src="../img/礼品.png" alt="liping">
                <h4>2018年高VIP客户生日积分礼遇</h4>
                <p class="context">
                    生日前月末达到白金级且持有VIP卡的客户，生日当月可获得200积分；
                    生日前月末达到钻石级且持有VIP卡的客户生日当月
                    可获得500积分
                </p>
            </div>
            <div class="column2">
                <img src="../img/礼品.png" alt="liping">
                <h4>2018年高VIP客户生日积分礼遇</h4>
                <p class="context">
                    生日前月末达到白金级且持有VIP卡的客户，生日当月可获得200积分；
                    生日前月末达到钻石级且持有VIP卡的客户生日当月
                    可获得500积分
                </p>
            </div>
        </div>

    </section>

    <footer>

    </footer>

</body>
</html>